<template>
    <div v-if="errorDate == 'not'" class="four"></div>
    <div v-if="errorDate == '404'" class="one"></div>
    <div>
    </div>
</template>

<script setup lang="ts">

const errorDate = sessionStorage.getItem('error') + '';
</script>

<style scoped>
.box {
    width: 473px;
    height: 328px;
    /* background-color: red; */
    background-image: url('../../assets/image/error1.jpg');
    background-size: 100% 100%;
}

/* .svgs {
    margin: 100px 0 0;
    width: 473px;
    height: 328px;
    background-image: url('../../assets/image/error1.jpg');
    background-size: 100% 100%;
} */
.four {
    width: 100%;
    height: 100%;
    background-image: url('../../assets/image/404.jpg');
    background-size: 100% 100%;
}

.one {
    width: 100%;
    height: 100%;
    background-image: url('../../assets/image/401.jpeg');
    background-size: 100% 100%;
}
</style>